Appinventor Tutorial

Tutorial

Beginner Tutorials: Short Videos to get started
With these beginner-friendly tutorials, you will learn the basics of programming apps for Android.
Follow these four short videos and you'll have three working apps to show for it! After building the starter apps, which will take around an hour, you can move on to extending them with more functionality, or you can start building apps of your own design.
Get started now with Video 1 (5 minutes).


Basic
Hello Purr for App Inventor 2
Hello Purr is the Hello World tutorial for App Inventor.
This simple exercise takes you through the very basics of App Inventor.
In a very short time you will create a button that has a picture of a cat on it, and then program the button so that when it is clicked a "meow" sound plays.
This version of the tutorial is for use with App Inventor 2.

Basic
Magic 8 Ball for App Inventor 2
This introductory module will guide you through building a Magic 8 Ball app with App Inventor 2.
When activated, your 8 Ball will deliver one of its classic predictions, such as “It is decidedly so” or “Reply hazy, try again.” At first you activate the 8 Ball by clicking a button.
If you are using a device (rather than the emulator) you can add in an accelerometer component so that the 8 Ball makes a new prediction whenever the device is shaken.
Note: This tutorial can be used in place of Hello Purr since it initially has the same functionality, and then goes on to the extend that functionality.
This version of the tutorial is for use with App Inventor 2.

Basic
MoleMash for App Inventor 2
In the arcade game Whac-a-Mole TM, a "mole" pops up at random positions on a playing field, and the user score points by hitting the mole with a mallet.
This is a similar game that uses the touchscreen.
This tutorial introduces: image sprites, timers, and procedures.

Basic
PaintPot (Part 1) for App Inventor 2
PaintPot lets you scribble in different colors by touching the screen to draw dots and lines.
Concepts introduced in this project include canvas components for drawing, event handlers that take arguments (including touch and drag events), and arrangement components for controlling screen layout.
Part 2 extends the project to draw dots of different sizes, as an introduction to global variables.
Variation: PaintPic extends this app to use the camera component to take a new picture for drawing upon.
This version of the tutorial is for use with App Inventor 2.

Basic
PaintPot (Part 2) for App Inventor 2
This is a continuation of Paint Pot (Part 1).
Be sure to complete that tutorial before attempting this one.

Basic
PicCall for App Inventor 2
PicCall illustrates how to create applications that use the phone's functionality.
This application lets you select people from your contact list and display their pictures.
When you press a picture picture, the phone calls that person.

Basic
Hello Codi!
Hello Codi is the Hello World tutorial for App Inventor.
This simple exercise takes you through the very basics of App Inventor.
In a very short time you will create a button that has a picture of a bee on it, and then program the button so that when it is clicked a "buzz" sound plays.

Basic
Get the Gold for App Inventor 2
By building the Get The Gold App you will get practice with setting visibility, using Clock components and Timers, and detecting collisions in App Inventor.
You'll program an application that has a pirate ship whose goal is to collect all the gold on the screen.

Intermediate
Paint Pot Extended with Camera (AI2)
This version of Paintpot  allows you to draw circles and lines on a picture you take with your camera.
You'll learn about the Canvas component, drawing, color, and the Camera component.
Intermediate
Tutorial
Mole Mash 2 with Sprite Layering for App Inventor 2
MoleMash2 provides an alternative implementation of the classic boardwalk game that demonstrates how to use the Advanced features in the Blocks Editor and how to layer Sprites.

Intermediate
VideoWall for App Inventor 2
The Video Wall app demonstrates how you can control the size of a video playing in an app by using the Video Player component's Width, Height, and FullScreen features.
The VideoWall uses media assets (videos stored in the app itself), but you can use the app to display videos from the internet as well.

Intermediate
StockQuotes for App Inventor 2
This tutorial demonstrates how to use the Web component to make an app call a web service (Yahoo! Finance) with a simple application programmer interface (API).

Intermediate
Mini Golf: Fling, TouchUp, TouchDown Gestures for App Inventor 2
Mini Golf is an addictive little game app that demonstrates how to use the Fling, TouchUp and TouchDown gestures on Sprites.
Hold down the positioning arrows to move the ball to the desired position on the tee, then Tee Off by flinging the ball toward the hole.
After a hole is scored, the screen randomly sets up a new hole, providing a unique challenge every time.
This tutorial is for App Inventor 2.

Intermediate
Space Invaders
Create a 2-D arcade game for shooting targets --in this case, flying saucers.
You'll learn how to animate objects with the Clock.Timer event and react to events like two objects colliding.

Intermediate
No Text While Driving for AI2
Busy driving or in a meeting? Set this app to auto-respond to incoming texts by sending a reply text and also speaking the incoming text out loud.

Intermediate
QuizMe for App Inventor 2
QuizMe is a trivia game about baseball, but you can use it as a template to build quizzes on any topic.
This tutorial is especially useful for learning about working with information in Lists.
Lists are useful data structures for keeping track of many items of the same type, especially when you want to cycle through those items.

Intermediate
Sharing Component: send files and text with the app of your choice
In this 3-minute video, App Inventor Developer José Dominguez shows you how to use the File Sharing component in App Inventor 2 to share text and/or files from your App Inventor app to any messaging-capable service on your device (e.g.
Gmail, Twitter, G+, WhatsApp, Messaging, etc.).

Intermediate
Photo Booth App
This tutorial demonstrates how to develop a Photo Booth app.
You’ll build an app that let’s you take pictures, assign pictures to canvases and share pictures via email.

Go to Photo Booth app

Intermediate
LEGO ®  EV3 Tilt-to-Drive Tutorial
This tutorial lets you make an app that drives around an EV3 LEGO robot by tilting a phone or tablet.
Tilting forward makes the bot go forward, back --> back, right --> right, left -->left.
A steeper pitch will make the robot drive faster… etc.

Go to tutorial
.

Intermediate
Tutorial

Lego EV3 Pet Robot
This tutorial helps you to build an app that allows the user to instruct an EV3 LEGO robot to do certain maneuvers and actions through voice commands.
The user can pick one of several commands: forward, backward (reverse), stop, forward slow, forward fast, disconnect, circles, right turn (turn right), left turn (turn left).
The robot will follow the user’s voice commands and perform the action for half a second before prompting the user for another command.
If the user provides no commands, the previous command will be executed until another command is registered.
Intermediate

LEGO EV3 Color Search
This tutorial shows you how to build a mobile app that instructs an EV3 LEGO robot to search for a certain color on a white surface bordered by black.
The user can pick one color out of red, green, blue, or yellow for the robot to search.
The robot will search across the white surface and turn around if it gets to the black border.
Here is a demonstration video
.
Intermediate
Colored Dots for App Inventor 2
Colored Dots is a simple painting program that uses a second screen to select the paint colors.
This tutorial serves as an introduction to creating apps that have multiple screens.
This tutorial is for App Inventor 2.

Advanced
Pizza Party with Fusion Tables for App Inventor 2
Pizza Party is a database app that collects dinner orders from different people and stores them in a Google Fusion Table.
The app also uses the WebViewer component to let the user see the entries in the table.
Fusion Tables are Google's free cloud database solution.
Your fusion table can be read-only to the public, or you can grant users the permission to write to the table.
See the tutorial for more information, and begin creating your own shared database solutions! This tutorial is for App Inventor 2.

Advanced
NFC Cup Game for AI2
This tutorial will demonstrate App Inventor's Near Field Communication (NFC) capabilities.
You'll build an application that will simulate the shell game by writing messages to NFC tags in setup mode and reading them in play mode.
In order to get the full experience from this application, you will need to purchase readable, writable, NFC tags.


Advanced
Android, Where's My Car? for App Inventor 2
You parked somewhere near the stadium, but when the concert ends you don't have a clue where the car is.
Fortunately you haven't lost your Android phone that never forgets anything, and you remember you have the hot new app, Android, Where's My Car?.
With this app, you click a button when you park your car, and the Android uses its location sensor to record the car's GPS coordinates and address.
Later, when you reopen the app, it shows you a map from where you are to the remembered location-- problem solved! With this tutorial you'll be able to download a created app and then study the annotated blocks below to better understand the app and App Inventor programming in general.
This app covers: GPS, TinyDB, and using Activity Starter to open a map.

Advanced
Map It: Displaying Locations on a Google Map
This tutorial shows how you can develop an app that allows you to record list of addresses and view the address on the Google Maps.
It will also show you how view your current location on the Google Map.

Advanced
Exploring with Location Sensor in AI2
The location sensor object is used to communicate with the global positioning satellite receiver (GPS) in your phone/tablet.
When the LocationSensor communicates with the built-in GPS receiver, the GPS can determine the location of your device.
 The sensor can also work with network/wifi location services.
 Finding a location using the network uses very different techniques to determine a location.
Location means, the device's present latitude and longitude or it can mean your street address.

Advanced
Oh My Spikes
This tutorial by Saj Dutta shows how to create a complete game from scratch.
 The game is variant of the popular spikes games and uses App Inventor sprites.
Go to tutorial

Advanced
WebView Javascript Processor for App Inventor
This tutorial shows you how to incorporate “traditional” programming into your apps.
 The technique involves using the WebViewer component as a javascript processor, 
Advanced
Tutorial
Firebase Authentication in App Inventor Using Javascript
This tutorial shows you how to create your own Firebase Authenticator by running javascript code through the WebViewer component.



Fake Voices: The Ethics of Deepfakes
In this unit, students explore synthetic media by creating a smartphone app that can speak in different voices by changing the rate and pitch of the speech.
Students work in groups to present arguments about the possible future impacts of various types of deepfake media, including ones in commerce and... 
More Details

Introduction to Machine Learning: Image Classification
Students will learn about the basics of machine learning and create their own apps that implement these concepts through image classification.
The students will take photos with their mobile devices and the apps will identify objects within those photos.
Each classification comes with a confidence level, a value of how... 
More Details

Personal Image Classifier: PICaboo
computers are like very young babies, always soaking up new examples and trying to put what they sense into different buckets — dog, cat, familiar face, stranger.
In this two-part tutorial, you will learn about a type of artificial... 
More Details

Voice Calculator Tutorial
as Alexa and Siri work? How do they interpret what you are saying to them and grasp your intent? How do they then know how to appropriately and meaningfully respond to you? In this project you are challenged to create your... 
More Details

Therapist Bot Tutorial
Can an app on your phone be your next therapist? Our friends at YR Media reported on apps that use artificial intelligence to power therapy bots in their news story Could Your Next Therapist Be Your Phone? This tutorial will show you how to make your own therapist bot app... 
More Details

Awesome Dancing with AI Tutorial
Is there an algorithm to describe, identify or measure an amazing dance? Can dance moves be quantified and measured? Can AI be used to help... 
More Details

Facemesh Filter Camera
Snapchat facial filters have taken the internet by storm, but do you know how these filters work? Would you like to make your own facial filters? Our friends at YR Media have this excellent interactive article about facial recognition.
In this... 
More Details

Simple ChatGPT App
very own ChatGPT app that will allow you, wherever you are, to tap into a world of useful information? In this tutorial, you will build a simple app with MIT App Inventor that allows users to connect to ChatGPT,... 
More Details

Simple ImageBot App 
AI app for wildly imaginative visualizations? In this tutorial, you will build a simple app with MIT App Inventor that allows users to connect to OpenAI’s DALL-E generative AI program, submit their own prompts, and see the result in exciting... 
More Details

ChatGPT App
 are, to tap into a world of useful information? In this tutorial, you will build an app with MIT App Inventor that allows users to connect to ChatGPT, ask... 
More Details

ImageBot App
Difficulty: advanced 


Rock Paper Scissors Tutorial

Alexa Hello World
Amazon Alexa skill for Alexa to say “Hello World” when prompted by the user.  
More Details

Alexa Calculator

Alexa Number Guessing Game
 After each guess, Alexa will give you feedback on whether your guess is too big, too small, or... 
More Details

Alexa Messenger